<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui" template="./template.xhtml">

	<ui:define name="main">
		<h:form id="clienteForm">
			<center>
				<p:panel id="painelCadastro" header="Cadastrar Cliente"
					style="text-align:left;width:700px;">
					<h:panelGrid columns="2">
						<h:outputLabel value="#{msgs.descricao}:" />
						<h:inputText id="descricao" value="#{clienteBean.cliente.nome}"
							size="45" />
					</h:panelGrid>
					<br />
					<h:messages style="color:red" showDetail="false" />
					<center>
						<p:commandButton value="Gravar" action="#{clienteBean.gravar}"
							update="painelConsulta, painelCadastro" />
						<p:commandButton value="Limpar" action="#{clienteBean.limpar}"
							update="painelCadastro" />
					</center>
				</p:panel>
				<br />
				<!-- Lista de usuarios -->
				<p:panel id="painelConsulta" header="Clientes Cadastrados"
					style="text-align:left;width:700px;">

					<p:dataTable value="#{clienteBean.listaClientes}" id="tabela"
						emptyMessage="Nenhum registro encontrado" rowIndexVar="var"
						paginator="true" paginatorPosition="bottom"
						firstPageLinkLabel="Primeira" previousPageLinkLabel="Anterior"
						nextPageLinkLabel="Proxima" lastPageLinkLabel="ultima" rows="5"
						var="cliente" width="600">
						<p:column>
							<f:facet name="header">
								<h:outputText value="ID" />
							</f:facet>
							<h:outputText value="#{cliente.id}" styleClass="letra1" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.descricao}" />
							</f:facet>
							<h:outputText value="#{cliente.nome}" styleClass="letra1" />
						</p:column>
						<p:column style="width:10px;">
							<p:commandButton image="ui-icon-pencil" title="Alterar"
								update="clienteForm">
								<f:setPropertyActionListener target="#{clienteBean.cliente}"
									value="#{cliente}" />
							</p:commandButton>
						</p:column>
						<p:column style="width:10px;">
							<p:commandButton action="#{clienteBean.excluir}"
								image="ui-icon-close" title="Excluir" update="clienteForm">
								<f:setPropertyActionListener target="#{clienteBean.cliente}"
									value="#{cliente}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
				</p:panel>
			</center>
		</h:form>
		<br />
	</ui:define>
</ui:composition>
